<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
		<style type="text/css">
			body {
				margin: 0;
				padding: 0px;
				font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
				font-size: 14px
			}
		</style>

</head>
<body>
	<div id="video" style="width: 600px; height: 400px; border:3px;background-color:#fff">这是一个播放器</div>
	<script type="text/javascript">
	var videoObject = {
			//playerID:'ckplayer01',//播放器ID，第一个字符不能是数字，用来在使用多个播放器时监听到的函数将在所有参数最后添加一个参数用来获取播放器的内容
			container: '#video', //容器的ID或className
			variable: 'player', //播放函数名称
			loaded: 'loadedHandler', //当播放器加载后执行的函数
			loop: true, //播放结束是否循环播放
			//autoplay: true, //是否自动播放
			//duration: 500, //设置视频总时间
			cktrack: 'material/srt.srt', //字幕文件
			poster: 'material/poster.jpg', //封面图片
			preview: { //预览图片
				file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
				scale: 2
			},
			config: '', //指定配置函数
			debug: true, //是否开启调试模式
			//flashplayer: true, //强制使用flashplayer
			drag: 'start', //拖动的属性
			seek: 0, //默认跳转的时间
			//playbackrate:1,//默认速度的编号，只对html5有效,设置成-1则不显示倍速
			//advertisements:'website:ad.json',
			//front:'frontFun',//上一集的操作函数
			//next:'nextFun',//下一集的操作函数
			//广告部分开始
			adfront: 'http://www.ckplayer.com/yytf/swf/front001.swf,http://www.ckplayer.com/yytf/swf/front002.swf', //前置广告
			adfronttime: '15,15',
			adfrontlink: '',
			adpause: 'http://www.ckplayer.com/yytf/swf/pause001.swf,http://www.ckplayer.com/yytf/swf/pause002.swf',
			adpausetime: '5,5',
			adpauselink: '',
			adinsert: 'http://www.ckplayer.com/yytf/swf/insert001.swf,http://www.ckplayer.com/yytf/swf/insert002.swf',
			adinserttime: '10,10',
			adinsertlink: '',
			inserttime: '10,80',
			adend: 'http://www.ckplayer.com/yytf/swf/end001.swf,http://www.ckplayer.com/yytf/swf/end002.swf',
			adendtime: '15,15',
			adendlink: '',
			//广告部分结束
			promptSpot: [ //提示点
				{
					words: '提示点文字01',
					time: 30
				},
				{
					words: '提示点文字02',
					time: 150
				}
			],
			//mobileCkControls:true,//是否在移动端（包括ios）环境中显示控制栏
			//live:true,//是否是直播视频，true=直播，false=点播
			video: [
		        ['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
		        ['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
		        ['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
		        ['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
		        ['/video/vivo X9 照亮你的美 彭于晏篇.mp4', 'video/mp4', '中文', 0]
		    ]
			
			
		};
	var player = new ckplayer(videoObject);
	function loadedHandler() {
		player.addListener('error', errorHandler); //监听视频加载出错
		player.addListener('loadedmetadata', loadedMetaDataHandler); //监听元数据
		player.addListener('duration', durationHandler); //监听播放时间
		player.addListener('time', timeHandler); //监听播放时间
		player.addListener('play', playHandler); //监听暂停播放
		player.addListener('pause', pauseHandler); //监听暂停播放
		player.addListener('buffer', bufferHandler); //监听缓冲状态
		player.addListener('seek', seekHandler); //监听跳转播放完成
		player.addListener('seekTime', seekTimeHandler); //监听跳转播放完成
		player.addListener('volume', volumeChangeHandler); //监听音量改变
		player.addListener('full', fullHandler); //监听全屏/非全屏切换
		player.addListener('ended', endedHandler); //监听播放结束
		player.addListener('screenshot', screenshotHandler); //监听截图功能
		player.addListener('mouse', mouseHandler); //监听鼠标坐标
		player.addListener('frontAd', frontAdHandler); //监听前置广告的动作
		player.addListener('wheel', wheelHandler); //监听视频放大缩小
		player.addListener('controlBar', controlBarHandler); //监听控制栏显示隐藏事件
		player.addListener('clickEvent', clickEventHandler); //监听点击事件
		player.addListener('definitionChange', definitionChangeHandler); //监听清晰度切换事件
		player.addListener('speed', speedHandler); //监听加载速度
	}
	function errorHandler() {
		console.log('出错')
		changeText('.playerstate', '状态：视频加载错误，停止执行其它动作，等待其它操作');
	}

	function loadedMetaDataHandler() {
		var metaData = player.getMetaDate();
		//console.log(metaData)
		var html = ''
		//console.log(metaData);
		if(parseInt(metaData['videoWidth']) > 0) {
			changeText('.playerstate', '状态：获取到元数据信息，如果数据错误，可以使用延迟获取');
			html += '总时间：' + metaData['duration'] + '秒，';
			html += '音量：' + metaData['volume'] + '（范围0-1），';
			html += '播放器的宽度：' + metaData['width'] + 'px，';
			html += '播放器的高度：' + metaData['height'] + 'px，';
			html += '视频宽度：' + metaData['videoWidth'] + 'px，';
			html += '视频高度：' + metaData['videoHeight'] + 'px，';
			html += '视频原始宽度：' + metaData['streamWidth'] + 'px，';
			html += '视频原始高度：' + metaData['streamHeight'] + 'px，';
			html += '是否暂停状态：' + metaData['paused'];
		} else {
			changeText('.playerstate', '状态：未正确获取到元数据信息');
			html = '没有获取到元数据';
		}
		changeText('.metadata', html);
	}
	</script>
</body>
</html>